
.ub-tag {
    display: inline-block;
    padding: 0.2rem 0.35rem;
    font-size: .65rem;
    height: 1.2rem;
    line-height: 0.8rem;
    color: var(--color-text);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 50rem;
    cursor: default;
    background-color: rgba(0, 0, 0, 0.04);

    &.sm {
        font-size: 0.5rem;
        height: 1.0rem;
        line-height: 0.6rem;
    }

    &.lg {
        font-size: 0.8rem;
        height: 1.4rem;
        line-height: 1.0rem;
        padding: 0.2rem 0.5rem;
    }

    &.danger {
        color: var(--color-danger);
        background-color: #fff2f0;
    }

    &.warning {
        color: var(--color-warning);
        background-color: #fff2f0
    }

    &.success {
        color: var(--color-success);
        background-color: #f6ffed;
    }

    &.primary {
        color: var(--color-primary);
    }

    &.info {
        background-color: #e6f4ff;
        color: #1677ff;
    }
}

